<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>Insert title here</title>

<script src="../js/CCValidationRules.js" language="javascript"> </script>
<script src="../js/CCValidatorUtil.js" language="javascript"> </script>
<script src="../js/CCDateValidationRules.js" language="javascript"> </script>
<script src="../js/CCValidator.js" language="javascript"> </script>
<script type="text/javascript">
function validar(){
	var v = new CCValidator(document.getElementById("formulario"));
	
}
</script>
<style>
.validationError {
	font-family: arial;
	font-size: 10px;
	font-variant: small-caps;
	font-style: italic;
}
</style>
</head>
<body>
<form id="formulario" name="formulario" method="post" action="" >
<table cellspacing="2" cellpadding="5">
<tr><td colspan="3">
Validaciones Numericas
</td></tr>
<tr>
	<td>&nbsp;&nbsp;&nbsp;</td>
	<td><label for="campoEntero">campo entero</label></td>
	<td>
  		<input name="campoEntero" type="text" id="campoEntero" validar="required, integer" />
	</td>
</tr>
<tr>
	<td>&nbsp;&nbsp;&nbsp;</td>
	<td><label for="campoDecimal">campo decimal</label></td>
	<td>
    	<input name="campoDecimal" type="text" id="campoDecimal" validar="required, decimal" />
	</td>
</tr>
<tr>
	<td>&nbsp;&nbsp;&nbsp;</td>
	<td><label for="campoExtremos">campo extremos</label></td>
	<td>
    	<input name="campoExtremos" type="text" id="campoExtremos" validar="required, numeric, min=5, max=10" />
	</td>
</tr>

<tr><td colspan="3">
Validaciones String
</td></tr>
<tr>
	<td>&nbsp;&nbsp;&nbsp;</td>
	<td><label for="campoStringAlfa">campo alfanumerico</label></td>
	<td>
    	<input name="campoStringAlfa" type="text" id="campoStringAlfa" validar="required, alphanumeric"/>
	</td>
</tr>

<tr><td colspan="3">
Validaciones Fecha
</td></tr>
<tr>
	<td>&nbsp;&nbsp;&nbsp;</td>
	<td><label for="campoFechaddmmyyyy">campo fecha</label></td>
	<td>
    	<input name="campoFechaddmmyyyy" type="text" id="campoFechaddmmyyyy" validar="required, dateformat=dd/mm/yyyy" /> (dd-mm-yyyy)
	</td>
</tr>
<tr>
	<td>&nbsp;&nbsp;&nbsp;</td>
	<td><label for="campoFechayyyymmdd">campo fecha</label></td>
	<td>
    	<input name="campoFechayyyymmdd" type="text" id="campoFechayyyymmdd" validar="dateformat=yyyy-mm-dd" /> (yyyy-mm-dd)
	</td>
</tr>

<tr><td colspan="3">
Validaciones Varias
</td></tr>
<tr>
	<td>&nbsp;&nbsp;&nbsp;</td>
	<td><label for="campoEmail">campo e-mail</label></td>
	<td>
    	<input name="campoEmail" type="text" id="campoEmail" validar="required, mail" />
	</td>
</tr>
<tr>
	<td>&nbsp;&nbsp;&nbsp;</td>
	<td><label for="campoIP">campo IP</label></td>
	<td>
    	<input name="campoIP" type="text" id="campoIP" validar="required, ip" />
	</td>
</tr>
<tr>
	<td>&nbsp;&nbsp;&nbsp;</td>
	<td><label for="campoURL">campo URL</label></td>
	<td>
    	<input name="campoURL" type="text" id="campoURL" validar="required, url" />
	</td>
</tr>
<tr><td colspan="3">
<input type="button" name="Submit" value="Prueba de validacion" onclick="validar();" />
</td></tr> 
</table>
  
  <label>
  
  </label>
  <p>&nbsp;</p>
</form>
</body>
</html>